<template>
	<div style="padding: 15px;background-color: #ffffff;">
		<div class="comItemsBox" @click="toSpotDes">
			<img src="../assets/stop/f2182d9ce1fcb6f7391a61cbb3b27e83.jpg" style="width: 140px;height: 90px;">
			<div class="comItemsTitle">浪漫海岸旅游度假村</div>
		</div>
		<div class="comItemsBox">
			<img src="../assets/stop/8b2e03e8a524df79f27399beda7e8f0d.jpg" style="width: 140px;height: 90px;">
			<div class="comItemsTitle">南海旅游岛中国第一滩</div>
		</div>
		<div class="comItemsBox">
			<img src="../assets/stop/9d11fd2a91cbc2a8873d50cb7d53cbd5.jpeg" style="width: 140px;height: 90px;">
			<div class="comItemsTitle">红树林栈道</div>
		</div>
		<div class="comItemsBox">
			<img src="../assets/stop/145e35a7eed1ed1102c4fd459aebc31d.jpg" style="width: 140px;height: 90px;">
			<div class="comItemsTitle">博贺港</div>
		</div>
		<div class="comItemsBox">
			<img src="../assets/stop/1526bb9d4e0b7d9a41359975f43e76c2.jpg" style="width: 140px;height: 90px;">
			<div class="comItemsTitle">潘茂名纪念公园</div>
		</div>
		<div class="comItemsBox">
			<img src="../assets/stop/a85426e359625edf8869b7d33a51bb18.jpeg" style="width: 140px;height: 90px;">
			<div class="comItemsTitle">放鸡岛</div>
		</div>

	</div>
</template>

<script>
	export default {
	  name: 'home',
	  data () {
	    return {
	      msg: 'Welcome to Your Vue.js App',
		
	    }
	  },
	  methods:{
		  toSpotDes(){
			  this.$router.push({name:'spotDes'})
		  }
	  }
	}
</script>

<style>
	.comItemsBox{
		display: flex;
		justify-content: start;
		margin-bottom: 15px;
	}
	.comItemsTitle{
		margin-top: 37px;
		margin-left: 15px;
		height: 22px;
		font-size: 16px;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #1F2927;
		line-height: 22px;
	}
</style>
